<div class="wrapper">
	<div class="header">数据修改 </div>
	<div class="scope">
		<ul>
			<li>
				<div>标题</div>
				<textarea id="title" style="width: 259px;"></textarea>
			</li>
			<li>
				<div>摘要</div>
				<textarea id="digest" style="width: 259px;"></textarea>
			</li>
			<li class="Parallel">
				<input type="button" id="cancel" onclick="" value="取消">
				<input type="button" id="ack" onclick="" value="确认">
			</li>
		</ul>
	</div>
</div>

$css{{
* {
margin: 0;
padding: 0
}
textarea {
border: 1px solid #74A1DB;
background: #FFFFFFC0;
padding: 5px;
}
li {
list-style: none;
}

.scope a {
text-decoration: none;
}


.wrapper {
position: absolute;
width: 100%;
height: 100%;
display: flex;
flex-flow: column nowrap;
justify-content: center;
background-color: #141313a8;
z-index: 999999 !important;
text-align: center;
}

.header {
font-size: 50px;
font-family: 微软雅黑;
color: rgba(98, 156, 254, 0.81);
}

.header span {
font-size: 30px;
font-family: "Brush Script Std";
}

.scope {
width: 260px;
height: 300px;
margin: 0 auto 20px auto;
padding: 20px 20px 0 20px;
box-shadow: 0px 1px 2px 1px #b1d7ef, inset 0px 1px 1px rgb(137, 194, 234);
border-radius: 3px;
background-color: #A1DEF340;
display: table;
}

.scope ul {
width: 100%;
height: 100%;
text-align: initial;
display: inherit;
flex-flow: column nowrap;
justify-content: space-between;
}

ul li div {
color: rgb(98, 156, 254);
font-size: 30px;
}

ul li .yonghu {
font-family: iconfont;
position: absolute;
top: 12px;
left: 10px;
}

ul li .mima {
font-family: iconfont;
position: absolute;
top: 12px;
left: 10px;
}

ul li div input {
height: 40px;
width: 190px;
padding: 0 35px;
border: none;
background: #34393b00;
color: rgb(55, 59, 60);
box-shadow:
0px 1px 1px rgba(255, 255, 255, 0.7), inset 0px 2px 5px #3247575e;
border-radius: 5px;
}

ul li input:focus {
outline: none;
background: #f5f2efa1;
}

ul .remember {
font-size: 14px;
font-family: 微软雅黑;
font-weight: bold;
color: rgb(98, 94, 91);
position: relative;
display: flex;
justify-content: center;
}

ul li a {
font-size: 14px;
font-family: 黑体;
color: rgb(152, 142, 135);
display: flex;
justify-content: center;
}

ul li input[type*="button"] {
height: 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #629cfe;
background: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #81bbe6d6;
margin-top: 20px;
}

ul li input[type*="button"]:hover {
background: #cbeef6;
}

ul li input[type*="button"]:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #629cfe;
background: #fb892f;
background: #9de1f9;
}


/*将按钮放到一行*/
.Parallel {
text-align: center;
display: flex;
justify-content: space-between;
margin-left: 20px;
margin-right: 20px;
margin-top: 0px;
padding-bottom: 20px;
}

.Parallel input[type*="button"] {
width: 45%;
}

textarea:hover {
border: 1px solid #77C2E3;
}

textarea:focus {
border: 1px solid #77C2E3;
box-shadow: 0 0 10px #EFF7FF;
}


}}